<?php $root = dirname($__URL__) . '/js';
$_SESSION['documentos_tmp'] = XAUTH::$user->usuarios_id .'_'. date('YzB');
?>
<style type="text/css">@import url(<?=$root?>/plupload/jquery.plupload.queue/css/jquery.plupload.queue.css)</style>
<!-- Load plupload and all it's runtimes and finally the jQuery queue widget -->
<script type="text/javascript" src="<?=$root?>/plupload/js/plupload.full.js"></script>
<script type="text/javascript" src="<?=$root?>/plupload/jquery.plupload.queue/jquery.plupload.queue.js"></script>
<script type="text/javascript" src="<?=$root?>/plupload/i18n/es.js"></script>
<!--<script type="text/javascript" src="<?=$root?>/plupload/js/plupload.js"></script>
<script type="text/javascript" src="<?=$root?>/plupload/js/plupload.gears.js"></script>
<script type="text/javascript" src="<?=$root?>/plupload/js/plupload.silverlight.js"></script>
<script type="text/javascript" src="<?=$root?>/plupload/js/plupload.flash.js"></script>
<script type="text/javascript" src="<?=$root?>/plupload/js/plupload.browserplus.js"></script>
<script type="text/javascript" src="<?=$root?>/plupload/js/plupload.html4.js"></script>
<script type="text/javascript" src="<?=$root?>/plupload/js/plupload.html5.js"></script>-->
<style type="text/css">
	#crear_proyecto textarea{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 100%;
	}
</style>
<form action="" method="post" id="crear_proyecto">
	<label for="">Nombre de su proyecto</label> <input type="text" name="proyecto[nombre]" placeholder="Cualquier nombre.." required="required"/>
	<br />
	<label for="">Dias necesarios para el proyecto</label> <input type="text" name="proyecto[total_dias]" placeholder="30" required="required"/>
	<br />
	<textarea name="mensajes[mensaje]" id="" placeholder="Mensaje" required="required"></textarea>
	<br />
	<button type="button" class="adjuntar_archivo">Adjuntar Archivos</button>
	<br />
	<button type="button" class="url_archivo">URL de Archivos</button>
	<br />
	<input type="hidden" name="documentos_tmp" value="<?=$_SESSION['documentos_tmp']?>" />
	<button type="submit">Enviar cotizacion y recivir presupuesto estimado</button>
</form>
<form id="subir_documentos">
	    <div id="uploader" style="visibility: hidden; overflow:hidden">
	        <p>Su navegador no tiene soporte para: Flash, Silverlight, Gears, BrowserPlus o HTML5 ,Su navegador no soporta para subir archivos adjuntos por favor le recomendamoz Firefox 15 o superior o Chrome 15 o superior</p>
	    </div>
	</form>
	<div id="oculto" style="display:none">
		<fieldset class="archivos_adjuntos" id="url_de_archivos">
			<legend>Agregar archivos adjuntos o URLS</legend>
			<div>
				<a href="" class="borrar">X</a>
				<input type="text" name="documentos[0][filename]" placeholder="Nombre,descripcion" required="required"/>
				<input type="text" name="documentos[0][url]" placeholder="URL" required="required"/>
			</div>
			<div>
				<a href="" class="agregar_url" count="0">Agregar url de Documento</a>
			</div>
		</fieldset>
	</div>
<script type="text/javascript">
	$('.archivos_adjuntos').on('click','.borrar',function(event){
		$(this).parent().remove();
		event.preventDefault();
	});
	$('.archivos_adjuntos').on('click','.agregar_url',function(event){
		var count = parseInt($(this).attr('count'));
		count++;
		$(this).parent().replaceWith('\
		<div>\
			<a href="" class="borrar">X</a>\
			<input type="text" name="documentos['+count+'][filename]" placeholder="Nombre,descripcion" required="required"/>\
			<input type="text" name="documentos['+count+'][url]" placeholder="URL" required="required"/>\
		</div>\
		<div><a href="" class="agregar_url" count="'+count+'">Agregar url de Documento</a>\
		\
		</div>\
		');
		event.preventDefault();
	});
	$('button.adjuntar_archivo').on('click',function()
	{
		$(this).replaceWith('<fieldset id="uploader_ta"><legend>Subir Archivos</legend><div class="container_uploader">.</div></fieldset>');
		activar_archivos_adjuntos();
		
		var position = $("#uploader_ta div.container_uploader").position();
		$("#uploader").css('visibility','visible')
						.css('left',position.left.toFixed(0) + 'px')
						.css('top', position.top.toFixed(0)+'px')
						.css('position','absolute')
						.css('width',$("#uploader_ta div.container_uploader").css('width'));
		
		
	});
	$('button.url_archivo').on('click',function(){
		$(this).replaceWith($('#url_de_archivos'));
	});
	
</script>
	
<script type="text/javascript">
var UPLOADER_ = null;
	function prevenir_correcion()
	{
		$('#crear_proyecto input,#crear_proyecto textarea').each(function(index,elemento){
			$(elemento).attr('readonly','readonly');
		});
	}
	$('#crear_proyecto button[type="submit"]').on('click',function(){
		try{if($('#crear_proyecto')[0].checkValidity()){
				$(this).attr('iniciante','iniciante');
				prevenir_correcion();
			}}catch(e){}
	});
	// Convert divs to queue widgets when the DOM is ready
	function activar_archivos_adjuntos() {
		
	    UPLOADER_ = $("#uploader").pluploadQueue({
	        // General settings
	        runtimes : 'html5,gears,flash,silverlight,browserplus',
	        url : '<?=BASE_URL .'/plataforma/include/upload_documentos.php'?>',
	        max_file_size : '10mb',
	        chunk_size : '1mb',
	        unique_names : false,
			
	        // Resize images on clientside if we can
	        resize : {width : 1024, height : 1024, quality : 100},
			
	        // Specify what files to browse for
	        /*filters : [
			{title : "Image files", extensions : "jpg,gif,png"},
			{title : "Zip files", extensions : "zip"}
	        ],/**/
			
	        // Flash settings
			flash_swf_url : '<?=$root?>/plupload/js/plupload.flash.swf',
			
			// Silverlight settings
	        silverlight_xap_url : '<?=$root?>/plupload/js/plupload.silverlight.xap'
		});
		var CONTADOR = 0;
		//var height = $("#uploader").css('height');
		//$("#uploader_ta div.container_uploader").css('height',height);
		$("#uploader_ta div.container_uploader").css('height',$("#uploader").css('height'));
		UPLOADER_.pluploadQueue().bind('Init', function(uploader) {
			$("#uploader_ta div.container_uploader").css('height',$("#uploader").css('height'));
		})
		UPLOADER_.pluploadQueue().bind('QueueChanged', function(uploader) {
			if(uploader.files.length > 0)
			{
				CONTADOR = 1;
				//$('#crear_proyecto button[type="submit"]').attr('disabled','disabled');
				$('#crear_proyecto button[type="submit"]').attr('estado','wait');
			}
			else
			{
				$('#crear_proyecto button[type="submit"]').removeAttr('disabled');
				$('#crear_proyecto button[type="submit"]').attr('estado','success');
			}
		});
		UPLOADER_.pluploadQueue().bind('BeforeUpload', function(uploader,arg2) {
			if($('#crear_proyecto button[type="submit"]').attr('iniciante') != 'iniciante')
			{
				$('#crear_proyecto button[type="submit"]').attr('disabled','disabled');
			}
		});
		/*UPLOADER_.pluploadQueue().bind('FileUploaded', function(uploader,arg2) {
			if(CONTADOR == uploader.files.length)
			{
				$('#crear_proyecto button[type="submit"]').attr('estado','success');
				if($('#crear_proyecto button[type="submit"]').attr('disabled') == 'disabled')
				{
					$('#crear_proyecto button[type="submit"]').removeAttr('disabled');
				}
				else
				{
					
				}
			}
			//console.log(uploader.files.length);
			//console.log(arg2);
			//alert('archivos subidos files: ' + files.length);
			CONTADOR++;
		});/**/
		UPLOADER_.pluploadQueue().bind('UploadComplete', function(uploader,arg2) {
			$('#crear_proyecto button[type="submit"]').removeAttr('disabled');
			$('#crear_proyecto button[type="submit"]').attr('estado','success');
			if($('#crear_proyecto button[type="submit"]').attr('iniciante') == 'iniciante')
			{
				$('#crear_proyecto').submit();
			}
			else
			{
				//$('#crear_proyecto button[type="submit"]').attr('estado','success');
			}
		});
		$('#crear_proyecto').on('submit',function(event)
		{
			//console.log(UPLOADER_.pluploadQueue().state);
			switch($('#crear_proyecto button[type="submit"]').attr('estado'))
			{
				case 'success' :
					if($('#crear_proyecto button[type="submit"]').attr('iniciante') != 'iniciante')
					{
						$('#crear_proyecto button[type="submit"]').removeAttr('disabled');
						event.preventDefault();
					}
				break;
				case 'wait' :
					event.preventDefault();
					$('form#subir_documentos').submit();
					$('#crear_proyecto button[type="submit"]').attr('disabled','disabled');
				break;
				case 'progress':event.preventDefault();break;
				default:
					if(UPLOADER_ != null)
					{
						if(UPLOADER_.pluploadQueue().files.length > 0)
						{
							UPLOADER_.pluploadQueue().start();
							event.preventDefault();
						}
					}
				break;
			}
		});
		$('form#subir_documentos').on('submit',function(e)
		{
			$('#crear_proyecto button[type="submit"]').attr('estado','progress');
			UPLOADER_.pluploadQueue().start();
			return false;
		});
		/*$('form#subir_documentos').on('submit',function(e){
			UPLOADER_ = $('#uploader').pluploadQueue();
			if (UPLOADER_.files.length > 0)
			{
				if (UPLOADER_.files.length === (UPLOADER_.total.uploaded + UPLOADER_.total.failed))
				{
					//$('form')[0].submit();
				}
				UPLOADER_.start();
			}
			else
			{
				alert('You must queue at least one file.');
			}
			return false;
		});*/
	    // Client side form validation
		/*$('form#subir_documentos').submit(function(e) {
	        var uploader = $('#uploader').pluploadQueue();
			
	        // Files in queue upload them first
	        if (uploader.files.length > 0)
			{
	            // When all files are uploaded submit form6	            uploader.bind('StateChanged', function() {
				if (uploader.files.length === (uploader.total.uploaded + uploader.total.failed))
				{
					$('form')[0].submit();
				}
				uploader.start();
			}
			else
			{
				alert('You must queue at least one file.');
			}
			
			return false;
		});/**/
	}
</script>
	